<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2447459" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">返回顶部 </div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">向上箭头</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">播放</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec13;</span>
                <div class="name">放大</div>
                <div class="code-name">&amp;#xec13;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">男性性别</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">女性性别</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">性别女</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">性别男</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b7;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe8b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec32;</span>
                <div class="name">定位</div>
                <div class="code-name">&amp;#xec32;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b8;</span>
                <div class="name">copy</div>
                <div class="code-name">&amp;#xe7b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">车牌</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">电</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d8;</span>
                <div class="name">充电中</div>
                <div class="code-name">&amp;#xe6d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">07熟食简餐</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">咖啡</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">监控</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">卫生间</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">雨棚2</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">我的</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c6;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe8c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">正确</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">向上圆箭头 上箭头 向上 面性</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe857;</span>
                <div class="name">箭头右圆</div>
                <div class="code-name">&amp;#xe857;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">刷新</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">修改</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">替换</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f0;</span>
                <div class="name">app</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73f;</span>
                <div class="name">小程序</div>
                <div class="code-name">&amp;#xe73f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">技能</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">主页</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f7;</span>
                <div class="name">留言</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">排列</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">商品</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">图标_支付-钱包支付-94</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">彩友多_支付-微信支付</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">图标_支付_支付宝支付</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">个人中心</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">工作单位</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">工作时间</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">关于</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">就诊人管理</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">就诊提醒</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">距离</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">免责声明</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">删减</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">身份证</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">手机版</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">完成</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">未读</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">我的关注</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">我的评价</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">我的钱包</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">我的通知</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">我的预约</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">邀请患者</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">邀请同行</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">医生职称</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">已读</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">用户反馈</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">预约挂号</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">电话</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">互联网off</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb00;</span>
                <div class="name">Android更多</div>
                <div class="code-name">&amp;#xeb00;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe901;</span>
                <div class="name">闭眼睛</div>
                <div class="code-name">&amp;#xe901;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeca5;</span>
                <div class="name">声音_实体</div>
                <div class="code-name">&amp;#xeca5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xecac;</span>
                <div class="name">设备开发</div>
                <div class="code-name">&amp;#xecac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xed1a;</span>
                <div class="name">错误空心</div>
                <div class="code-name">&amp;#xed1a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xed21;</span>
                <div class="name">加_色块</div>
                <div class="code-name">&amp;#xed21;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xed22;</span>
                <div class="name">减_色块</div>
                <div class="code-name">&amp;#xed22;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe708;</span>
                <div class="name">空</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">查看名片</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe796;</span>
                <div class="name">账单</div>
                <div class="code-name">&amp;#xe796;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">标注</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">组织页面</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">数字签名</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75b;</span>
                <div class="name">倒三角</div>
                <div class="code-name">&amp;#xe75b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf155;</span>
                <div class="name">倒三角</div>
                <div class="code-name">&amp;#xf155;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">绑定-01</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">yly_计算器</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">商铺   商城   首页  房子</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">陈</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">广安</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">1</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">3.1转发</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf14e;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xf14e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf14f;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xf14f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf150;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xf150;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf151;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xf151;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">联系客服</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">眼睛</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">眼睛</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">收起菜单</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">展开菜单</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">筛选</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe742;</span>
                <div class="name">列表形式</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">三角上</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">arrow-left-bold</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">arrow-right-bold</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf14c;</span>
                <div class="name">arrow-right-bold</div>
                <div class="code-name">&amp;#xf14c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf14d;</span>
                <div class="name">arrow-left-bold</div>
                <div class="code-name">&amp;#xf14d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">删除1</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf152;</span>
                <div class="name">加</div>
                <div class="code-name">&amp;#xf152;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">加</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e9;</span>
                <div class="name">表情</div>
                <div class="code-name">&amp;#xe7e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">送达</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">安全</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">复制</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf153;</span>
                <div class="name">删除筛选项</div>
                <div class="code-name">&amp;#xf153;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">垃圾桶</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">删除筛选项</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">选择框勾选</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">通知</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">Plus</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">我</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">扫描</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">星星</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">钱包</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">Scan</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">Home</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">Search</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">Plus</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">Chart</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">Bag</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">Star</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">Category</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">Wallet</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">Folder</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">Discovery</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">Message</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">Notification</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">Game</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">Profile</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">Calendar</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">Setting</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">Activity</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">Document</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">Graph</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">Chat</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">Heart</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">Bookmark</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">Location</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf13a;</span>
                <div class="name">购物</div>
                <div class="code-name">&amp;#xf13a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf13c;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xf13c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xf13d;</span>
                <div class="name">我的</div>
                <div class="code-name">&amp;#xf13d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bc;</span>
                <div class="name">帮助</div>
                <div class="code-name">&amp;#xe7bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c6;</span>
                <div class="name">积分</div>
                <div class="code-name">&amp;#xe7c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cc;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe7cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cd;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe7cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d0;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xe7d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d8;</span>
                <div class="name">优惠券</div>
                <div class="code-name">&amp;#xe7d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d9;</span>
                <div class="name">资料</div>
                <div class="code-name">&amp;#xe7d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7be;</span>
                <div class="name">待发货</div>
                <div class="code-name">&amp;#xe7be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bf;</span>
                <div class="name">待付款</div>
                <div class="code-name">&amp;#xe7bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c0;</span>
                <div class="name">待收货</div>
                <div class="code-name">&amp;#xe7c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c2;</span>
                <div class="name">反馈</div>
                <div class="code-name">&amp;#xe7c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d1;</span>
                <div class="name">售后</div>
                <div class="code-name">&amp;#xe7d1;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot?t=1737105890095'); /* IE9 */
  src: url('iconfont.eot?t=1737105890095#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('iconfont.woff2?t=1737105890095') format('woff2'),
       url('iconfont.woff?t=1737105890095') format('woff'),
       url('iconfont.ttf?t=1737105890095') format('truetype'),
       url('iconfont.svg?t=1737105890095#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont iconfont-fanhuidingbu1"></span>
            <div class="name">
              返回顶部 
            </div>
            <div class="code-name">.iconfont-fanhuidingbu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-xiangshangjiantou"></span>
            <div class="name">
              向上箭头
            </div>
            <div class="code-name">.iconfont-xiangshangjiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-bofang4"></span>
            <div class="name">
              播放
            </div>
            <div class="code-name">.iconfont-bofang4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-fangda1"></span>
            <div class="name">
              放大
            </div>
            <div class="code-name">.iconfont-fangda1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-nanxingxingbie"></span>
            <div class="name">
              男性性别
            </div>
            <div class="code-name">.iconfont-nanxingxingbie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-nvxingxingbie"></span>
            <div class="name">
              女性性别
            </div>
            <div class="code-name">.iconfont-nvxingxingbie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-xingbienv"></span>
            <div class="name">
              性别女
            </div>
            <div class="code-name">.iconfont-xingbienv
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-xingbienan"></span>
            <div class="name">
              性别男
            </div>
            <div class="code-name">.iconfont-xingbienan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-shezhi1"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.iconfont-shezhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-dingwei"></span>
            <div class="name">
              定位
            </div>
            <div class="code-name">.iconfont-dingwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-copy"></span>
            <div class="name">
              copy
            </div>
            <div class="code-name">.iconfont-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-chepai"></span>
            <div class="name">
              车牌
            </div>
            <div class="code-name">.iconfont-chepai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-dian"></span>
            <div class="name">
              电
            </div>
            <div class="code-name">.iconfont-dian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-chongdianzhong1"></span>
            <div class="name">
              充电中
            </div>
            <div class="code-name">.iconfont-chongdianzhong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-shushijiancan"></span>
            <div class="name">
              07熟食简餐
            </div>
            <div class="code-name">.iconfont-shushijiancan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-icon-test"></span>
            <div class="name">
              咖啡
            </div>
            <div class="code-name">.iconfont-icon-test
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-jiankong"></span>
            <div class="name">
              监控
            </div>
            <div class="code-name">.iconfont-jiankong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-weishengjian"></span>
            <div class="name">
              卫生间
            </div>
            <div class="code-name">.iconfont-weishengjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-yupeng2"></span>
            <div class="name">
              雨棚2
            </div>
            <div class="code-name">.iconfont-yupeng2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-wode"></span>
            <div class="name">
              我的
            </div>
            <div class="code-name">.iconfont-wode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-shouye1"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.iconfont-shouye1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-zhengque"></span>
            <div class="name">
              正确
            </div>
            <div class="code-name">.iconfont-zhengque
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-jta"></span>
            <div class="name">
              向上圆箭头 上箭头 向上 面性
            </div>
            <div class="code-name">.iconfont-jta
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-jiantouyouyuan"></span>
            <div class="name">
              箭头右圆
            </div>
            <div class="code-name">.iconfont-jiantouyouyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-shuaxin"></span>
            <div class="name">
              刷新
            </div>
            <div class="code-name">.iconfont-shuaxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-xiugai"></span>
            <div class="name">
              修改
            </div>
            <div class="code-name">.iconfont-xiugai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-tihuan"></span>
            <div class="name">
              替换
            </div>
            <div class="code-name">.iconfont-tihuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-guanbi1"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.iconfont-guanbi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-app"></span>
            <div class="name">
              app
            </div>
            <div class="code-name">.iconfont-app
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-xiaochengxu"></span>
            <div class="name">
              小程序
            </div>
            <div class="code-name">.iconfont-xiaochengxu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-weixin"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.iconfont-weixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-jineng"></span>
            <div class="name">
              技能
            </div>
            <div class="code-name">.iconfont-jineng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-home1149866easyiconnet"></span>
            <div class="name">
              主页
            </div>
            <div class="code-name">.iconfont-home1149866easyiconnet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-liuyan1"></span>
            <div class="name">
              留言
            </div>
            <div class="code-name">.iconfont-liuyan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-pailie"></span>
            <div class="name">
              排列
            </div>
            <div class="code-name">.iconfont-pailie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-shangpin2"></span>
            <div class="name">
              商品
            </div>
            <div class="code-name">.iconfont-shangpin2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-tubiao_zhifu-qianbaozhifu-94"></span>
            <div class="name">
              图标_支付-钱包支付-94
            </div>
            <div class="code-name">.iconfont-tubiao_zhifu-qianbaozhifu-94
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-caiyouduo_zhifu-weixinzhifu"></span>
            <div class="name">
              彩友多_支付-微信支付
            </div>
            <div class="code-name">.iconfont-caiyouduo_zhifu-weixinzhifu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-tubiao_zhifu_zhifubaozhifu"></span>
            <div class="name">
              图标_支付_支付宝支付
            </div>
            <div class="code-name">.iconfont-tubiao_zhifu_zhifubaozhifu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-share"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.iconfont-share
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-user"></span>
            <div class="name">
              个人中心
            </div>
            <div class="code-name">.iconfont-user
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-commpany"></span>
            <div class="name">
              工作单位
            </div>
            <div class="code-name">.iconfont-commpany
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-time"></span>
            <div class="name">
              工作时间
            </div>
            <div class="code-name">.iconfont-time
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-close-o"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.iconfont-close-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-about"></span>
            <div class="name">
              关于
            </div>
            <div class="code-name">.iconfont-about
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-order-manager"></span>
            <div class="name">
              就诊人管理
            </div>
            <div class="code-name">.iconfont-order-manager
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-clock"></span>
            <div class="name">
              就诊提醒
            </div>
            <div class="code-name">.iconfont-clock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-position-o"></span>
            <div class="name">
              距离
            </div>
            <div class="code-name">.iconfont-position-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-declare"></span>
            <div class="name">
              免责声明
            </div>
            <div class="code-name">.iconfont-declare
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-prune"></span>
            <div class="name">
              删减
            </div>
            <div class="code-name">.iconfont-prune
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-cardid"></span>
            <div class="name">
              身份证
            </div>
            <div class="code-name">.iconfont-cardid
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-mobile"></span>
            <div class="name">
              手机版
            </div>
            <div class="code-name">.iconfont-mobile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-search"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.iconfont-search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-add"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.iconfont-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-completed"></span>
            <div class="name">
              完成
            </div>
            <div class="code-name">.iconfont-completed
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-noread"></span>
            <div class="name">
              未读
            </div>
            <div class="code-name">.iconfont-noread
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-attention"></span>
            <div class="name">
              我的关注
            </div>
            <div class="code-name">.iconfont-attention
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-comment"></span>
            <div class="name">
              我的评价
            </div>
            <div class="code-name">.iconfont-comment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-wallet-o"></span>
            <div class="name">
              我的钱包
            </div>
            <div class="code-name">.iconfont-wallet-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-notice"></span>
            <div class="name">
              我的通知
            </div>
            <div class="code-name">.iconfont-notice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-myorder"></span>
            <div class="name">
              我的预约
            </div>
            <div class="code-name">.iconfont-myorder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-invite-disease"></span>
            <div class="name">
              邀请患者
            </div>
            <div class="code-name">.iconfont-invite-disease
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-invite"></span>
            <div class="name">
              邀请同行
            </div>
            <div class="code-name">.iconfont-invite
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-medtitle"></span>
            <div class="name">
              医生职称
            </div>
            <div class="code-name">.iconfont-medtitle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-read"></span>
            <div class="name">
              已读
            </div>
            <div class="code-name">.iconfont-read
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-feedback"></span>
            <div class="name">
              用户反馈
            </div>
            <div class="code-name">.iconfont-feedback
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-order"></span>
            <div class="name">
              预约挂号
            </div>
            <div class="code-name">.iconfont-order
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-tel"></span>
            <div class="name">
              电话
            </div>
            <div class="code-name">.iconfont-tel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-logout"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.iconfont-logout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-tuichu"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.iconfont-tuichu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-hulianwangoff"></span>
            <div class="name">
              互联网off
            </div>
            <div class="code-name">.iconfont-hulianwangoff
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Androidgengduo"></span>
            <div class="name">
              Android更多
            </div>
            <div class="code-name">.iconfont-Androidgengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-biyanjing"></span>
            <div class="name">
              闭眼睛
            </div>
            <div class="code-name">.iconfont-biyanjing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-fanhui"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.iconfont-fanhui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-shengyin_shiti"></span>
            <div class="name">
              声音_实体
            </div>
            <div class="code-name">.iconfont-shengyin_shiti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-shebeikaifa"></span>
            <div class="name">
              设备开发
            </div>
            <div class="code-name">.iconfont-shebeikaifa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-cuowukongxin"></span>
            <div class="name">
              错误空心
            </div>
            <div class="code-name">.iconfont-cuowukongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-jia_sekuai"></span>
            <div class="name">
              加_色块
            </div>
            <div class="code-name">.iconfont-jia_sekuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-jian_sekuai"></span>
            <div class="name">
              减_色块
            </div>
            <div class="code-name">.iconfont-jian_sekuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-kong"></span>
            <div class="name">
              空
            </div>
            <div class="code-name">.iconfont-kong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-chakanmingpian"></span>
            <div class="name">
              查看名片
            </div>
            <div class="code-name">.iconfont-chakanmingpian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-zhangdan"></span>
            <div class="name">
              账单
            </div>
            <div class="code-name">.iconfont-zhangdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-biaozhu"></span>
            <div class="name">
              标注
            </div>
            <div class="code-name">.iconfont-biaozhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-zuzhiyemian"></span>
            <div class="name">
              组织页面
            </div>
            <div class="code-name">.iconfont-zuzhiyemian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-shuziqianming"></span>
            <div class="name">
              数字签名
            </div>
            <div class="code-name">.iconfont-shuziqianming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-daosanjiao"></span>
            <div class="name">
              倒三角
            </div>
            <div class="code-name">.iconfont-daosanjiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-daosanjiao-copy"></span>
            <div class="name">
              倒三角
            </div>
            <div class="code-name">.iconfont-daosanjiao-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-bangding-"></span>
            <div class="name">
              绑定-01
            </div>
            <div class="code-name">.iconfont-bangding-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-yly_jisuanqi"></span>
            <div class="name">
              yly_计算器
            </div>
            <div class="code-name">.iconfont-yly_jisuanqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-shangpushangchengshouyefangzi"></span>
            <div class="name">
              商铺   商城   首页  房子
            </div>
            <div class="code-name">.iconfont-shangpushangchengshouyefangzi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-chen"></span>
            <div class="name">
              陈
            </div>
            <div class="code-name">.iconfont-chen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-guangan"></span>
            <div class="name">
              广安
            </div>
            <div class="code-name">.iconfont-guangan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-icon-test1"></span>
            <div class="name">
              1
            </div>
            <div class="code-name">.iconfont-icon-test1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-mima"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.iconfont-mima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-zhuanfa"></span>
            <div class="name">
              3.1转发
            </div>
            <div class="code-name">.iconfont-zhuanfa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-zk-l"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.iconfont-zk-l
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-zk-r"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.iconfont-zk-r
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-zk-t"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.iconfont-zk-t
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-zk-b"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.iconfont-zk-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-kefu"></span>
            <div class="name">
              联系客服
            </div>
            <div class="code-name">.iconfont-kefu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-yj1"></span>
            <div class="name">
              眼睛
            </div>
            <div class="code-name">.iconfont-yj1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-yj2"></span>
            <div class="name">
              眼睛
            </div>
            <div class="code-name">.iconfont-yj2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-shouqicaidan"></span>
            <div class="name">
              收起菜单
            </div>
            <div class="code-name">.iconfont-shouqicaidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-zhankaicaidan"></span>
            <div class="name">
              展开菜单
            </div>
            <div class="code-name">.iconfont-zhankaicaidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-shaixuan"></span>
            <div class="name">
              筛选
            </div>
            <div class="code-name">.iconfont-shaixuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-liebiaoxingshi"></span>
            <div class="name">
              列表形式
            </div>
            <div class="code-name">.iconfont-liebiaoxingshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-sanjiaotop"></span>
            <div class="name">
              三角上
            </div>
            <div class="code-name">.iconfont-sanjiaotop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-sanjiaodown"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.iconfont-sanjiaodown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-arrow-left"></span>
            <div class="name">
              arrow-left-bold
            </div>
            <div class="code-name">.iconfont-arrow-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-arrow-right"></span>
            <div class="name">
              arrow-right-bold
            </div>
            <div class="code-name">.iconfont-arrow-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-arrow-bottom"></span>
            <div class="name">
              arrow-right-bold
            </div>
            <div class="code-name">.iconfont-arrow-bottom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-arrow-top"></span>
            <div class="name">
              arrow-left-bold
            </div>
            <div class="code-name">.iconfont-arrow-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-shanchu1"></span>
            <div class="name">
              删除1
            </div>
            <div class="code-name">.iconfont-shanchu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-jia-copy"></span>
            <div class="name">
              加
            </div>
            <div class="code-name">.iconfont-jia-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-guanbi"></span>
            <div class="name">
              加
            </div>
            <div class="code-name">.iconfont-guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-biaoqing"></span>
            <div class="name">
              表情
            </div>
            <div class="code-name">.iconfont-biaoqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-songda"></span>
            <div class="name">
              送达
            </div>
            <div class="code-name">.iconfont-songda
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-anquan"></span>
            <div class="name">
              安全
            </div>
            <div class="code-name">.iconfont-anquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-ico"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.iconfont-ico
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-fuzhi"></span>
            <div class="name">
              复制
            </div>
            <div class="code-name">.iconfont-fuzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-delete2-copy"></span>
            <div class="name">
              删除筛选项
            </div>
            <div class="code-name">.iconfont-delete2-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-trash"></span>
            <div class="name">
              垃圾桶
            </div>
            <div class="code-name">.iconfont-trash
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-delete2"></span>
            <div class="name">
              删除筛选项
            </div>
            <div class="code-name">.iconfont-delete2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-gouxuan"></span>
            <div class="name">
              选择框勾选
            </div>
            <div class="code-name">.iconfont-gouxuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Notification"></span>
            <div class="name">
              通知
            </div>
            <div class="code-name">.iconfont-Notification
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Plus"></span>
            <div class="name">
              Plus
            </div>
            <div class="code-name">.iconfont-Plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Profile"></span>
            <div class="name">
              我
            </div>
            <div class="code-name">.iconfont-Profile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Scan"></span>
            <div class="name">
              扫描
            </div>
            <div class="code-name">.iconfont-Scan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Setting"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.iconfont-Setting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Star"></span>
            <div class="name">
              星星
            </div>
            <div class="code-name">.iconfont-Star
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Wallet"></span>
            <div class="name">
              钱包
            </div>
            <div class="code-name">.iconfont-Wallet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Scan1"></span>
            <div class="name">
              Scan
            </div>
            <div class="code-name">.iconfont-Scan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Home"></span>
            <div class="name">
              Home
            </div>
            <div class="code-name">.iconfont-Home
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Search2"></span>
            <div class="name">
              Search
            </div>
            <div class="code-name">.iconfont-Search2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Plus2"></span>
            <div class="name">
              Plus
            </div>
            <div class="code-name">.iconfont-Plus2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Chart1"></span>
            <div class="name">
              Chart
            </div>
            <div class="code-name">.iconfont-Chart1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Bag1"></span>
            <div class="name">
              Bag
            </div>
            <div class="code-name">.iconfont-Bag1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Star2"></span>
            <div class="name">
              Star
            </div>
            <div class="code-name">.iconfont-Star2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Category1"></span>
            <div class="name">
              Category
            </div>
            <div class="code-name">.iconfont-Category1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Wallet2"></span>
            <div class="name">
              Wallet
            </div>
            <div class="code-name">.iconfont-Wallet2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Folder1"></span>
            <div class="name">
              Folder
            </div>
            <div class="code-name">.iconfont-Folder1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Discovery1"></span>
            <div class="name">
              Discovery
            </div>
            <div class="code-name">.iconfont-Discovery1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Message1"></span>
            <div class="name">
              Message
            </div>
            <div class="code-name">.iconfont-Message1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Notification2"></span>
            <div class="name">
              Notification
            </div>
            <div class="code-name">.iconfont-Notification2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Game1"></span>
            <div class="name">
              Game
            </div>
            <div class="code-name">.iconfont-Game1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Profile2"></span>
            <div class="name">
              Profile
            </div>
            <div class="code-name">.iconfont-Profile2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Calendar1"></span>
            <div class="name">
              Calendar
            </div>
            <div class="code-name">.iconfont-Calendar1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Setting2"></span>
            <div class="name">
              Setting
            </div>
            <div class="code-name">.iconfont-Setting2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Activity1"></span>
            <div class="name">
              Activity
            </div>
            <div class="code-name">.iconfont-Activity1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Document1"></span>
            <div class="name">
              Document
            </div>
            <div class="code-name">.iconfont-Document1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Graph1"></span>
            <div class="name">
              Graph
            </div>
            <div class="code-name">.iconfont-Graph1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Chat1"></span>
            <div class="name">
              Chat
            </div>
            <div class="code-name">.iconfont-Chat1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Heart1"></span>
            <div class="name">
              Heart
            </div>
            <div class="code-name">.iconfont-Heart1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Bookmark1"></span>
            <div class="name">
              Bookmark
            </div>
            <div class="code-name">.iconfont-Bookmark1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-Location1"></span>
            <div class="name">
              Location
            </div>
            <div class="code-name">.iconfont-Location1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-gouwu"></span>
            <div class="name">
              购物
            </div>
            <div class="code-name">.iconfont-gouwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.iconfont-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-wode1"></span>
            <div class="name">
              我的
            </div>
            <div class="code-name">.iconfont-wode1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-bangzhu"></span>
            <div class="name">
              帮助
            </div>
            <div class="code-name">.iconfont-bangzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-jifen"></span>
            <div class="name">
              积分
            </div>
            <div class="code-name">.iconfont-jifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.iconfont-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-shezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.iconfont-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-shoucang"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.iconfont-shoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-youhuiquan"></span>
            <div class="name">
              优惠券
            </div>
            <div class="code-name">.iconfont-youhuiquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-ziliao"></span>
            <div class="name">
              资料
            </div>
            <div class="code-name">.iconfont-ziliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-daifahuo"></span>
            <div class="name">
              待发货
            </div>
            <div class="code-name">.iconfont-daifahuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-daifukuan"></span>
            <div class="name">
              待付款
            </div>
            <div class="code-name">.iconfont-daifukuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-daishouhuo"></span>
            <div class="name">
              待收货
            </div>
            <div class="code-name">.iconfont-daishouhuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-fankui"></span>
            <div class="name">
              反馈
            </div>
            <div class="code-name">.iconfont-fankui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfont-shouhou"></span>
            <div class="name">
              售后
            </div>
            <div class="code-name">.iconfont-shouhou
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont iconfont-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-fanhuidingbu1"></use>
                </svg>
                <div class="name">返回顶部 </div>
                <div class="code-name">#iconfont-fanhuidingbu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-xiangshangjiantou"></use>
                </svg>
                <div class="name">向上箭头</div>
                <div class="code-name">#iconfont-xiangshangjiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-bofang4"></use>
                </svg>
                <div class="name">播放</div>
                <div class="code-name">#iconfont-bofang4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-fangda1"></use>
                </svg>
                <div class="name">放大</div>
                <div class="code-name">#iconfont-fangda1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-nanxingxingbie"></use>
                </svg>
                <div class="name">男性性别</div>
                <div class="code-name">#iconfont-nanxingxingbie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-nvxingxingbie"></use>
                </svg>
                <div class="name">女性性别</div>
                <div class="code-name">#iconfont-nvxingxingbie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-xingbienv"></use>
                </svg>
                <div class="name">性别女</div>
                <div class="code-name">#iconfont-xingbienv</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-xingbienan"></use>
                </svg>
                <div class="name">性别男</div>
                <div class="code-name">#iconfont-xingbienan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-shezhi1"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#iconfont-shezhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-dingwei"></use>
                </svg>
                <div class="name">定位</div>
                <div class="code-name">#iconfont-dingwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-copy"></use>
                </svg>
                <div class="name">copy</div>
                <div class="code-name">#iconfont-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-chepai"></use>
                </svg>
                <div class="name">车牌</div>
                <div class="code-name">#iconfont-chepai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-dian"></use>
                </svg>
                <div class="name">电</div>
                <div class="code-name">#iconfont-dian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-chongdianzhong1"></use>
                </svg>
                <div class="name">充电中</div>
                <div class="code-name">#iconfont-chongdianzhong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-shushijiancan"></use>
                </svg>
                <div class="name">07熟食简餐</div>
                <div class="code-name">#iconfont-shushijiancan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-icon-test"></use>
                </svg>
                <div class="name">咖啡</div>
                <div class="code-name">#iconfont-icon-test</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-jiankong"></use>
                </svg>
                <div class="name">监控</div>
                <div class="code-name">#iconfont-jiankong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-weishengjian"></use>
                </svg>
                <div class="name">卫生间</div>
                <div class="code-name">#iconfont-weishengjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-yupeng2"></use>
                </svg>
                <div class="name">雨棚2</div>
                <div class="code-name">#iconfont-yupeng2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-wode"></use>
                </svg>
                <div class="name">我的</div>
                <div class="code-name">#iconfont-wode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-shouye1"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#iconfont-shouye1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-zhengque"></use>
                </svg>
                <div class="name">正确</div>
                <div class="code-name">#iconfont-zhengque</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-jta"></use>
                </svg>
                <div class="name">向上圆箭头 上箭头 向上 面性</div>
                <div class="code-name">#iconfont-jta</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-jiantouyouyuan"></use>
                </svg>
                <div class="name">箭头右圆</div>
                <div class="code-name">#iconfont-jiantouyouyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-shuaxin"></use>
                </svg>
                <div class="name">刷新</div>
                <div class="code-name">#iconfont-shuaxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-xiugai"></use>
                </svg>
                <div class="name">修改</div>
                <div class="code-name">#iconfont-xiugai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-tihuan"></use>
                </svg>
                <div class="name">替换</div>
                <div class="code-name">#iconfont-tihuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-guanbi1"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#iconfont-guanbi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-app"></use>
                </svg>
                <div class="name">app</div>
                <div class="code-name">#iconfont-app</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-xiaochengxu"></use>
                </svg>
                <div class="name">小程序</div>
                <div class="code-name">#iconfont-xiaochengxu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-weixin"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#iconfont-weixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-jineng"></use>
                </svg>
                <div class="name">技能</div>
                <div class="code-name">#iconfont-jineng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-home1149866easyiconnet"></use>
                </svg>
                <div class="name">主页</div>
                <div class="code-name">#iconfont-home1149866easyiconnet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-liuyan1"></use>
                </svg>
                <div class="name">留言</div>
                <div class="code-name">#iconfont-liuyan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-pailie"></use>
                </svg>
                <div class="name">排列</div>
                <div class="code-name">#iconfont-pailie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-shangpin2"></use>
                </svg>
                <div class="name">商品</div>
                <div class="code-name">#iconfont-shangpin2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-tubiao_zhifu-qianbaozhifu-94"></use>
                </svg>
                <div class="name">图标_支付-钱包支付-94</div>
                <div class="code-name">#iconfont-tubiao_zhifu-qianbaozhifu-94</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-caiyouduo_zhifu-weixinzhifu"></use>
                </svg>
                <div class="name">彩友多_支付-微信支付</div>
                <div class="code-name">#iconfont-caiyouduo_zhifu-weixinzhifu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-tubiao_zhifu_zhifubaozhifu"></use>
                </svg>
                <div class="name">图标_支付_支付宝支付</div>
                <div class="code-name">#iconfont-tubiao_zhifu_zhifubaozhifu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-share"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#iconfont-share</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-user"></use>
                </svg>
                <div class="name">个人中心</div>
                <div class="code-name">#iconfont-user</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-commpany"></use>
                </svg>
                <div class="name">工作单位</div>
                <div class="code-name">#iconfont-commpany</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-time"></use>
                </svg>
                <div class="name">工作时间</div>
                <div class="code-name">#iconfont-time</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-close-o"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#iconfont-close-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-about"></use>
                </svg>
                <div class="name">关于</div>
                <div class="code-name">#iconfont-about</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-order-manager"></use>
                </svg>
                <div class="name">就诊人管理</div>
                <div class="code-name">#iconfont-order-manager</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-clock"></use>
                </svg>
                <div class="name">就诊提醒</div>
                <div class="code-name">#iconfont-clock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-position-o"></use>
                </svg>
                <div class="name">距离</div>
                <div class="code-name">#iconfont-position-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-declare"></use>
                </svg>
                <div class="name">免责声明</div>
                <div class="code-name">#iconfont-declare</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-prune"></use>
                </svg>
                <div class="name">删减</div>
                <div class="code-name">#iconfont-prune</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-cardid"></use>
                </svg>
                <div class="name">身份证</div>
                <div class="code-name">#iconfont-cardid</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-mobile"></use>
                </svg>
                <div class="name">手机版</div>
                <div class="code-name">#iconfont-mobile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-search"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#iconfont-search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-add"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#iconfont-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-completed"></use>
                </svg>
                <div class="name">完成</div>
                <div class="code-name">#iconfont-completed</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-noread"></use>
                </svg>
                <div class="name">未读</div>
                <div class="code-name">#iconfont-noread</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-attention"></use>
                </svg>
                <div class="name">我的关注</div>
                <div class="code-name">#iconfont-attention</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-comment"></use>
                </svg>
                <div class="name">我的评价</div>
                <div class="code-name">#iconfont-comment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-wallet-o"></use>
                </svg>
                <div class="name">我的钱包</div>
                <div class="code-name">#iconfont-wallet-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-notice"></use>
                </svg>
                <div class="name">我的通知</div>
                <div class="code-name">#iconfont-notice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-myorder"></use>
                </svg>
                <div class="name">我的预约</div>
                <div class="code-name">#iconfont-myorder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-invite-disease"></use>
                </svg>
                <div class="name">邀请患者</div>
                <div class="code-name">#iconfont-invite-disease</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-invite"></use>
                </svg>
                <div class="name">邀请同行</div>
                <div class="code-name">#iconfont-invite</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-medtitle"></use>
                </svg>
                <div class="name">医生职称</div>
                <div class="code-name">#iconfont-medtitle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-read"></use>
                </svg>
                <div class="name">已读</div>
                <div class="code-name">#iconfont-read</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-feedback"></use>
                </svg>
                <div class="name">用户反馈</div>
                <div class="code-name">#iconfont-feedback</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-order"></use>
                </svg>
                <div class="name">预约挂号</div>
                <div class="code-name">#iconfont-order</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-tel"></use>
                </svg>
                <div class="name">电话</div>
                <div class="code-name">#iconfont-tel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-logout"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#iconfont-logout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-tuichu"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#iconfont-tuichu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-hulianwangoff"></use>
                </svg>
                <div class="name">互联网off</div>
                <div class="code-name">#iconfont-hulianwangoff</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Androidgengduo"></use>
                </svg>
                <div class="name">Android更多</div>
                <div class="code-name">#iconfont-Androidgengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-biyanjing"></use>
                </svg>
                <div class="name">闭眼睛</div>
                <div class="code-name">#iconfont-biyanjing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-fanhui"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#iconfont-fanhui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-shengyin_shiti"></use>
                </svg>
                <div class="name">声音_实体</div>
                <div class="code-name">#iconfont-shengyin_shiti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-shebeikaifa"></use>
                </svg>
                <div class="name">设备开发</div>
                <div class="code-name">#iconfont-shebeikaifa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-cuowukongxin"></use>
                </svg>
                <div class="name">错误空心</div>
                <div class="code-name">#iconfont-cuowukongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-jia_sekuai"></use>
                </svg>
                <div class="name">加_色块</div>
                <div class="code-name">#iconfont-jia_sekuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-jian_sekuai"></use>
                </svg>
                <div class="name">减_色块</div>
                <div class="code-name">#iconfont-jian_sekuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-kong"></use>
                </svg>
                <div class="name">空</div>
                <div class="code-name">#iconfont-kong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-chakanmingpian"></use>
                </svg>
                <div class="name">查看名片</div>
                <div class="code-name">#iconfont-chakanmingpian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-zhangdan"></use>
                </svg>
                <div class="name">账单</div>
                <div class="code-name">#iconfont-zhangdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-biaozhu"></use>
                </svg>
                <div class="name">标注</div>
                <div class="code-name">#iconfont-biaozhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-zuzhiyemian"></use>
                </svg>
                <div class="name">组织页面</div>
                <div class="code-name">#iconfont-zuzhiyemian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-shuziqianming"></use>
                </svg>
                <div class="name">数字签名</div>
                <div class="code-name">#iconfont-shuziqianming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-daosanjiao"></use>
                </svg>
                <div class="name">倒三角</div>
                <div class="code-name">#iconfont-daosanjiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-daosanjiao-copy"></use>
                </svg>
                <div class="name">倒三角</div>
                <div class="code-name">#iconfont-daosanjiao-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-bangding-"></use>
                </svg>
                <div class="name">绑定-01</div>
                <div class="code-name">#iconfont-bangding-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-yly_jisuanqi"></use>
                </svg>
                <div class="name">yly_计算器</div>
                <div class="code-name">#iconfont-yly_jisuanqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-shangpushangchengshouyefangzi"></use>
                </svg>
                <div class="name">商铺   商城   首页  房子</div>
                <div class="code-name">#iconfont-shangpushangchengshouyefangzi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-chen"></use>
                </svg>
                <div class="name">陈</div>
                <div class="code-name">#iconfont-chen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-guangan"></use>
                </svg>
                <div class="name">广安</div>
                <div class="code-name">#iconfont-guangan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-icon-test1"></use>
                </svg>
                <div class="name">1</div>
                <div class="code-name">#iconfont-icon-test1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-mima"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#iconfont-mima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-zhuanfa"></use>
                </svg>
                <div class="name">3.1转发</div>
                <div class="code-name">#iconfont-zhuanfa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-zk-l"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#iconfont-zk-l</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-zk-r"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#iconfont-zk-r</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-zk-t"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#iconfont-zk-t</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-zk-b"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#iconfont-zk-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-kefu"></use>
                </svg>
                <div class="name">联系客服</div>
                <div class="code-name">#iconfont-kefu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-yj1"></use>
                </svg>
                <div class="name">眼睛</div>
                <div class="code-name">#iconfont-yj1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-yj2"></use>
                </svg>
                <div class="name">眼睛</div>
                <div class="code-name">#iconfont-yj2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-shouqicaidan"></use>
                </svg>
                <div class="name">收起菜单</div>
                <div class="code-name">#iconfont-shouqicaidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-zhankaicaidan"></use>
                </svg>
                <div class="name">展开菜单</div>
                <div class="code-name">#iconfont-zhankaicaidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-shaixuan"></use>
                </svg>
                <div class="name">筛选</div>
                <div class="code-name">#iconfont-shaixuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-liebiaoxingshi"></use>
                </svg>
                <div class="name">列表形式</div>
                <div class="code-name">#iconfont-liebiaoxingshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-sanjiaotop"></use>
                </svg>
                <div class="name">三角上</div>
                <div class="code-name">#iconfont-sanjiaotop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-sanjiaodown"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#iconfont-sanjiaodown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-arrow-left"></use>
                </svg>
                <div class="name">arrow-left-bold</div>
                <div class="code-name">#iconfont-arrow-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-arrow-right"></use>
                </svg>
                <div class="name">arrow-right-bold</div>
                <div class="code-name">#iconfont-arrow-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-arrow-bottom"></use>
                </svg>
                <div class="name">arrow-right-bold</div>
                <div class="code-name">#iconfont-arrow-bottom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-arrow-top"></use>
                </svg>
                <div class="name">arrow-left-bold</div>
                <div class="code-name">#iconfont-arrow-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-shanchu1"></use>
                </svg>
                <div class="name">删除1</div>
                <div class="code-name">#iconfont-shanchu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-jia-copy"></use>
                </svg>
                <div class="name">加</div>
                <div class="code-name">#iconfont-jia-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-guanbi"></use>
                </svg>
                <div class="name">加</div>
                <div class="code-name">#iconfont-guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-biaoqing"></use>
                </svg>
                <div class="name">表情</div>
                <div class="code-name">#iconfont-biaoqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-songda"></use>
                </svg>
                <div class="name">送达</div>
                <div class="code-name">#iconfont-songda</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-anquan"></use>
                </svg>
                <div class="name">安全</div>
                <div class="code-name">#iconfont-anquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-ico"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#iconfont-ico</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-fuzhi"></use>
                </svg>
                <div class="name">复制</div>
                <div class="code-name">#iconfont-fuzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-delete2-copy"></use>
                </svg>
                <div class="name">删除筛选项</div>
                <div class="code-name">#iconfont-delete2-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-trash"></use>
                </svg>
                <div class="name">垃圾桶</div>
                <div class="code-name">#iconfont-trash</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-delete2"></use>
                </svg>
                <div class="name">删除筛选项</div>
                <div class="code-name">#iconfont-delete2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-gouxuan"></use>
                </svg>
                <div class="name">选择框勾选</div>
                <div class="code-name">#iconfont-gouxuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Notification"></use>
                </svg>
                <div class="name">通知</div>
                <div class="code-name">#iconfont-Notification</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Plus"></use>
                </svg>
                <div class="name">Plus</div>
                <div class="code-name">#iconfont-Plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Profile"></use>
                </svg>
                <div class="name">我</div>
                <div class="code-name">#iconfont-Profile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Scan"></use>
                </svg>
                <div class="name">扫描</div>
                <div class="code-name">#iconfont-Scan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Setting"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#iconfont-Setting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Star"></use>
                </svg>
                <div class="name">星星</div>
                <div class="code-name">#iconfont-Star</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Wallet"></use>
                </svg>
                <div class="name">钱包</div>
                <div class="code-name">#iconfont-Wallet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Scan1"></use>
                </svg>
                <div class="name">Scan</div>
                <div class="code-name">#iconfont-Scan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Home"></use>
                </svg>
                <div class="name">Home</div>
                <div class="code-name">#iconfont-Home</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Search2"></use>
                </svg>
                <div class="name">Search</div>
                <div class="code-name">#iconfont-Search2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Plus2"></use>
                </svg>
                <div class="name">Plus</div>
                <div class="code-name">#iconfont-Plus2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Chart1"></use>
                </svg>
                <div class="name">Chart</div>
                <div class="code-name">#iconfont-Chart1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Bag1"></use>
                </svg>
                <div class="name">Bag</div>
                <div class="code-name">#iconfont-Bag1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Star2"></use>
                </svg>
                <div class="name">Star</div>
                <div class="code-name">#iconfont-Star2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Category1"></use>
                </svg>
                <div class="name">Category</div>
                <div class="code-name">#iconfont-Category1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Wallet2"></use>
                </svg>
                <div class="name">Wallet</div>
                <div class="code-name">#iconfont-Wallet2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Folder1"></use>
                </svg>
                <div class="name">Folder</div>
                <div class="code-name">#iconfont-Folder1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Discovery1"></use>
                </svg>
                <div class="name">Discovery</div>
                <div class="code-name">#iconfont-Discovery1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Message1"></use>
                </svg>
                <div class="name">Message</div>
                <div class="code-name">#iconfont-Message1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Notification2"></use>
                </svg>
                <div class="name">Notification</div>
                <div class="code-name">#iconfont-Notification2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Game1"></use>
                </svg>
                <div class="name">Game</div>
                <div class="code-name">#iconfont-Game1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Profile2"></use>
                </svg>
                <div class="name">Profile</div>
                <div class="code-name">#iconfont-Profile2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Calendar1"></use>
                </svg>
                <div class="name">Calendar</div>
                <div class="code-name">#iconfont-Calendar1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Setting2"></use>
                </svg>
                <div class="name">Setting</div>
                <div class="code-name">#iconfont-Setting2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Activity1"></use>
                </svg>
                <div class="name">Activity</div>
                <div class="code-name">#iconfont-Activity1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Document1"></use>
                </svg>
                <div class="name">Document</div>
                <div class="code-name">#iconfont-Document1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Graph1"></use>
                </svg>
                <div class="name">Graph</div>
                <div class="code-name">#iconfont-Graph1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Chat1"></use>
                </svg>
                <div class="name">Chat</div>
                <div class="code-name">#iconfont-Chat1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Heart1"></use>
                </svg>
                <div class="name">Heart</div>
                <div class="code-name">#iconfont-Heart1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Bookmark1"></use>
                </svg>
                <div class="name">Bookmark</div>
                <div class="code-name">#iconfont-Bookmark1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-Location1"></use>
                </svg>
                <div class="name">Location</div>
                <div class="code-name">#iconfont-Location1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-gouwu"></use>
                </svg>
                <div class="name">购物</div>
                <div class="code-name">#iconfont-gouwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#iconfont-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-wode1"></use>
                </svg>
                <div class="name">我的</div>
                <div class="code-name">#iconfont-wode1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-bangzhu"></use>
                </svg>
                <div class="name">帮助</div>
                <div class="code-name">#iconfont-bangzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-jifen"></use>
                </svg>
                <div class="name">积分</div>
                <div class="code-name">#iconfont-jifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#iconfont-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-shezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#iconfont-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-shoucang"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#iconfont-shoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-youhuiquan"></use>
                </svg>
                <div class="name">优惠券</div>
                <div class="code-name">#iconfont-youhuiquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-ziliao"></use>
                </svg>
                <div class="name">资料</div>
                <div class="code-name">#iconfont-ziliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-daifahuo"></use>
                </svg>
                <div class="name">待发货</div>
                <div class="code-name">#iconfont-daifahuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-daifukuan"></use>
                </svg>
                <div class="name">待付款</div>
                <div class="code-name">#iconfont-daifukuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-daishouhuo"></use>
                </svg>
                <div class="name">待收货</div>
                <div class="code-name">#iconfont-daishouhuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-fankui"></use>
                </svg>
                <div class="name">反馈</div>
                <div class="code-name">#iconfont-fankui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfont-shouhou"></use>
                </svg>
                <div class="name">售后</div>
                <div class="code-name">#iconfont-shouhou</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
